<%--注册--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>华为手机商城</title>
    <link rel="stylesheet" href="../../static/shopping/css/style.css">

</head>
<body>
<%--页眉--%>
<div class="body">
<div class="zctop">
      <div class="zc">
             <img src="../../static/shopping/images/zc.jpg" alt="">　｜　商城　<a href="${pageContext.request.contextPath}/toIndex">首页</a>
      </div>
</div>

<div class="zdh">
       <span>已有帐号<a href="${pageContext.request.contextPath}/toLogin">登陆</a></span>
</div>
<form action='${pageContext.request.contextPath}/getRegister' method="POST" id="register">
<div class="bd">
        <h2>注册帐号</h2>
        <p>用于访问所有终端云服务</p>
        <div class="d1">
              <ul>
                    <li>用户名</li>
                    <li><input name="account" placeholder="请输入用户名" type="text" value="" required></li>
              </ul>
        </div>
        <div class="d1">
              <ul>
                    <li>密　　码</li>
                    <li><input id="password1" name="password" placeholder="请输入密码" type="password" value="" required></li>
              </ul>
        </div>
        <div class="d1">
              <ul>
                    <li>确认密码</li>
                    <li><input id="password2" name="password2" placeholder="请再次输入密码" type="password" required ></li>
              </ul>
        </div>
        <button onclick="shopping_submit()">提交</button>
</div>
</form>
    <script>
        if($('#password1').val() !== $('#password2').val()){
            alert('两次密码不一致')
            // return false;
        }
        $('#register').submit();

    </script>
</div>
<div class="footer">
    <p>制作团队：晚睡协会</p>
</div>
</body>
</html>